import React, { ReactElement, useMemo } from 'react';
import { View } from 'react-native';

import BubbleMessageList from '../BubbleMessageList';
import Contact from '../Contact';
import Record from '../Record';
import styles from './style';

export default (): ReactElement => {
  return useMemo(
    (): ReactElement => (
      <View style={styles.container}>
        <BubbleMessageList />
        <Record />
        <Contact />
      </View>
    ),
    []
  );
};
